講到切版，其中最重要的就是各種定位 position 啦～
CSS 中的定位有：static | fixed | relative | absolute | sticky，
其中，最常使用到的定位就是 fixed、relative 以及 absolute 這三種，
以下是關於這三種定位的一些筆記：

position: fixed

• 設定 position: fixed，物件會像是被獨立抽出一層，蓋在畫面上，但會停留在原本資料的位置
• 依據視窗做定位，永遠固定在視窗範圍內

codepen 練習

position: relative

• 相對自己在資料中的位置去做偏移
• 區塊佔據的空間不會改變
• 沒有設定定位時，top、bottom、left、right 是沒有作用的
• 具有設定定位的物件，會蓋在沒有定位設定的物件上
• 當物件都有設定定位時，原始碼後方物件會蓋在前方上面
• 想要改變蓋住順序，使用 z-index

position: absolute

• 跟 fixed 一樣，物件會像是被獨立抽出一層，蓋在畫面上，但會停留在原本資料的位置
• 會向父層找有定位 fixed、relative、absolute 或 sticky 的物件，定在他們身上，不會再往上找

codepen 練習

定位的筆記來自以下教學：
金魚都能懂網頁設計入門 : Fixed 定位
金魚都能懂網頁設計入門 : Relative 定位
金魚都能懂網頁設計入門 : Absolute 絕對定位教學

以上就是今天的內容，如果有講不對的地方再請各位留言讓我知道，謝謝。
明天要講偽類 :link, :visited, :focus, :hover, :active 的順序。